﻿/* CSS Document 公共样式*/
body { font: 12px tahoma, SimSun; padding: 0; margin: 0; }

/*CSS Global Nav*/
.topNav { background-color: black; color: #999; font: 12px 微软雅黑; width: 100%; }
.navContent { height: 30px; line-height: 30px; margin: 0 auto; width: 990px; }
.home { float: left; }
    .home a { background-image: url(../image/home.png); background-repeat: no-repeat; color: #727272; font: 14px 微软雅黑; padding-left: 1.5em; }
.personalInform { float: right; }
    .personalInform a { color: #999; }
#currentLogonStaff,
#personalPlatform,
#exit { float: left; color:white; margin-left: 25px; }
#exit { margin-left: 50px; }
#personalPlatform a { color: #4f6dB3; }
/*CSS style head*/
.header { height: 145px; margin: 0 auto; width: 990px; }
.logoArea { height: 95px; }
.logo { float: left; font: 30px 微软雅黑; line-height: 90px; }

/*CSS style top nav*/
.nav { background: -webkit-gradient(linear,0% 0%,0% 100%, from(#fcfcfc), to(#f5f5f5), color-stop(0.5,#f8f8f8)); background: -moz-linear-gradient(center bottom,#f5f5f5,#fcfcfc); -ms-filter: "progid:DXImageTransform.Microsoft.gradient (GradientType = 0, startColorstr='#fcfcfc', endColorstr ='#f5f5f5')"; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fcfcfc', endColorstr ='#f5f5f5'); border: 1px solid #d8d8d8; border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; height: 50px; }
    .nav ul { font-family: 微软雅黑; height: 50px; margin: 0; padding: 0; text-align: center; width: 990px; }
        .nav ul li { border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; box-shadow: none; display: inline-block; *display: inline; zoom: 1; font-size: 14px; list-style: none; padding: 0 18px; text-align: center; }
    .nav a { color: #666; line-height: 50px; text-decoration: none; width: 80px; }

.selectedNav { background-color: white; border-top: 2px solid #8ec333; border-left: 1px solid #dcdcdc; border-right: 1px solid #dcdcdc; }
    .selectedNav a { color: black; }

/*CSS style content*/
.maincontent { background-color: #fff; margin: 0 auto; margin-top: 0px; overflow: hidden; width: 990px; }

/*Left right width*/
.TLFleftlayer { float: left; background-color: #ccc; width: 200px; }
.TLFfold { float: left; width: 10px; }
    .TLFfold a img { margin: 0; }
.TLFrightlayer { float: left; width: 780px; }

/*Left right width*/
.TRFleftlayer { float: left; background-color: #ccc; width: 780px; }
.TRFfold { float: left; width: 10px; }
.TRFrightlayer { float: left; width: 200px; }
/*
.TRFleftlayer {  float: left; width:790px;  }
.TRFfold { float: left; width: 10px;  }
.TRFrightlayer { background-color: #ccc;   width: 190px; position:relative;  height:100%; position:absolute; top:0; right:0; }
    */
/*CSS secondary navigation*/
.secondaryNavigation { background-color: #e4e4e4; height: 35px; line-height: 35px; text-indent: 1em; width: 100%; }


/*CSS processOK*/
.processOK { margin: 0 auto; padding: 40px 0; }
    .processOK table td { padding: 15px 0; }
    .processOK .acceptspan { color: #063; font: bold 20px 微软雅黑; }
    .processOK .otherprocess { color: #06c; font: bold 14px 微软雅黑; }
    .processOK .otherOperation { line-height: 30px; }
    .processOK .processOKImage { width: 150px; text-align: right; }

/*CSS style footer*/
.footerDiv { clear: both; padding-top: 10px; }
.supportInform { float: left; }
.systemSign { float: right; }
.footer { background-color: #f8f8f8; color: #999; font: bold 12px 微软雅黑; height: 40px; line-height: 40px; margin: 0 auto; padding: 0 10px; width: 970px; }


/*CSS style tab head*/
.tabul { height: 30px; position: relative; }
ul.tabul { margin: 0 0 0 1em; padding: 0; }
.tabul li { background-color: #f2f2f2; border: 1px solid #ccc; border-bottom: none; display: block; float: left; height: 29px; margin-right: 5px; list-style: none; text-align: center; width: 105px; }
    .tabul li a:hover { color: #000; }
    .tabul li a { display: block; color: #999; line-height: 29px; text-decoration: none; }
.tabul .tabselect { background-color: #fff; border-color: #999; color: #000; font-weight: bold; height: 30px; }
    .tabul .tabselect a { color: #000; }
.tbdiv { border-top: 1px solid #999; }

/*CSS clear both*/
.clearBoth { clear: both; }

/*CSS feed back*/
.feedback a { background-image: url(../image/feedback.png); color: #666; display: block; float: right; height: 28px; line-height: 28px; margin-top: 50px; text-indent: 3em; width: 110px; }

.hrc-feedback { background-color: #fcfcfc; border: 1px solid #e2e2e2; border-radius: 6px; -webkit-border-radius: 6px; -moz-border-radius: 6px; box-shadow: 1px 1px 3px #ececec, -1px -1px 3px #ececec; left: 50%; height: 120px; margin-left: 515px; position: fixed; top: 600px; width: 45px; }
.toTop { background-image: url(../image/goTop.png); background-position: center center; background-repeat: no-repeat; display: block; border-bottom: 1px solid #e2e2e2; height: 45px; }
.feedback-follow { background-image: url(../image/feedback-follow.png); background-position: center 10px; background-repeat: no-repeat; height: 75px; }
    .feedback-follow a { color: #666; display: block; margin: 0 auto; padding-top: 40px; width: 24px; }
